﻿.weather-lives-item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .weather-lives-item ::deep > * {
        width: 48%;
        margin-bottom: 20px;
    }

@media screen and (min-width:960px) and (max-width:1264px) {
    .weather-lives-item ::deep > * {
        width: 32%;
    }

        .weather-lives-item ::deep > *:last-child:nth-child(3n + 5) {
            margin-right: 34%;
        }
}

@media screen and (min-width:1264px) {
    .weather-lives-item ::deep > * {
        width: 23%;
    }

        .weather-lives-item ::deep > *:last-child:nth-child(4n + 6) {
            margin-right: calc(46% + 8% / 3 * 2);
        }

        .weather-lives-item ::deep > *:last-child:nth-child(4n + 7) {
            margin-right: calc(23% + 8% / 3 );
        }
}
